<%--
  Created by IntelliJ IDEA.
  User: cc
  Date: 2017/8/11
  Time: 15:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script type="text/javascript" charset="utf-8" src="${ctp}/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="${ctp}/ueditor/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="${ctp}/ueditor/lang/zh-cn/zh-cn.js"></script>
    <script src="${ctp}/assets/vendor/jQuery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="${ctp}/assets/vendor/layer/layer.js"></script>
    <script type="text/javascript" charset="utf-8" src="${ctp}/assets/vendor/layui/layui.js"></script>
    <style type="text/css">
        div{
            width:100%;
        }
    </style>
</head>
<body>


    <div>
        <form>
            <i style="color: #00a2d4;height: 14px">博文标题：<input id="editBolgTitle" type="text"></i>
        </form>
    </div>

    <div>
        <form id="ueditorForm" method="post">
            <input id="bolgTitle" type="hidden" name="bolgTitle">
            <input id="userId" type="hidden" name="userId" value="${tUser.id}">
            <input id="loginacct" type="hidden" name="loginacct" value="${tUser.loginacct}">
            <script  type="text/plain" id="editor" name="blogContent">

            </script></form>
    </div>


<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor',
        {fullscreen : false,
        initialFrameWidth:'100%',
        initialFrameHeight:'60%',
        //focus时自动清空初始化时的内容
//        autoClearinitialContent:true,
        toolbars:[
            ['undo', //撤销
             'redo', //重做
             'bold', //加粗
             'indent', //首行缩进
             'snapscreen', //截图
             'italic', //斜体
             'underline', //下划线
             'strikethrough', //删除线
             'formatmatch', //格式刷
             'horizontal', //分隔线
             'removeformat', //清除格式
             'time', //时间
             'date', //日期
             'unlink', //取消链接
             'fontsize', //字号
             'paragraph', //段落格式
             'simpleupload', //单图上传
             'insertimage', //多图上传
             'emotion', //表情
             'spechars', //特殊字符
             'searchreplace', //查询替换
             'map', //Baidu地图
             'justifyleft', //居左对齐
             'justifyright', //居右对齐
             'justifycenter', //居中对齐
             'justifyjustify', //两端对齐
             'forecolor', //字体颜色
             'backcolor', //背景色
             'insertorderedlist', //有序列表
             'insertunorderedlist', //无序列表
             'fullscreen', //全屏
             'imageleft', //左浮动
             'imageright', //右浮动
             'imagecenter', //居中
             'autotypeset', //自动排版
             'background', //背景
            ]
        ]});

    //覆盖UEditor中获取路径的方法
    //覆盖UEditor中获取路径的方法
    UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
    UE.Editor.prototype.getActionUrl = function(action) {
        //判断路径   这里是config.json 中设置执行上传的action名称
        if (action == 'uploadimage' || action == 'catchimage' ||action == 'uploadscrawl') {
            var loginacct = "${tUser.loginacct}";
            return '/youu-restapi/blog/uploadImage?loginacct='+loginacct;
        } else {
            return this._bkGetActionUrl.call(this, action);
        }
    };

    //保存博文(创建新博文时调用)
    function saveBlog() {
        
        var index = parent.layer.getFrameIndex(window.name);//获取子窗口索引
        var bolgTitle = $("#editBolgTitle").val();
        console.log(bolgTitle);
        if(bolgTitle.trim()==""){
            layer.msg('请输入博文标题名');
        }else{
            $("#bolgTitle").val(bolgTitle);
//        $("#ueditorForm").attr("action","/youu-restapi/blog/saveBlog");

//        var editordata = FormData($("#ueditorForm")[0]);
            $.ajax({
                url :  "/youu-restapi/blog/saveBlog",
                type : "post",
                data: $('#ueditorForm').serialize(),
                success:function (data) {
                    parent.$("#ueditor_status").val(data);
                    if(data!=null){
                        parent.layer.close(index);
                    }
                },
                error:function (data) {
                    parent.layer.msg('保存失败！',{shade: 0.3});
//                parent.$("#ueditor_status").val(data);
                }

            });
        }
    }

    //保存博文 编辑已存在博文时调用
    function editorExistBlog(bolgId) {
        var index = parent.layer.getFrameIndex(window.name);//获取子窗口索引
        var bolgTitle = $("#editBolgTitle").val();
        console.log(bolgTitle);
        if(bolgTitle.trim()==""){
            layer.msg('请输入博文标题名');
        }else{
            $("#bolgTitle").val(bolgTitle);
            $.ajax({
                url :  "/youu-restapi/blog/editorExistBlog?blogId="+bolgId,
                type : "post",
                data: $('#ueditorForm').serialize(),
                success:function (data) {
                    parent.$("#ueditor_status").val(data);
                    if(data!=null){
                        parent.layer.close(index);
                    }
                },
                error:function (data) {
                    parent.layer.msg('修改失败！',{shade: 0.3});
                }
            });
        }
    }

    //编辑已存在博文时 初识化编辑器内容
    function showBlogContent(blogContent) {
        $.get("/youu-restapi"+blogContent,"",function (data) {
            ue.ready(function() {
                //设置编辑器的内容
                ue.setContent(data);

            });
        });
    }

    //编辑 已存在博客时 从父页面获取博文基本信息
    function showBlogInfo(blogTitle,userId,loginacct) {
        $("#loginacct").val(loginacct);
        $("#userId").val(userId);
        $("#editBolgTitle").val(blogTitle);


    }
//    //获得内容
//    function getContent() {
//        var arr = [];
//        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
//        arr.push("内容为：");
//        arr.push(UE.getEditor('editor').getContent());
//        alert(arr.join("\n"));
//    }

//    //保存图文到数据库
//    function saveContent() {
//        var str = ue.getContent();
//        str = str.replace(/[\r\n]/g, "<br />");
//        str = str.replace(/&nbsp;/g, " ");
//        str = str.replace(/&gt;/g, ">");
//        str = str.replace(/&quot;/g, "'");
//        str = str.replace(/^\s\s*/, '').replace(/\s\s*$/, '')
//        console.log(str);
//
//        $.ajax({
//            type:"post",
//            data: "ueditorContent=" + str,
//            url:"/youu-restapi/blog/saveBlog",
//            success : function(data){
//                console.log(data);
//                alert("成功");
//            },
//            error:function (data) {
//                console.log(data)
//                alert("失败");
//            }
//        });
//    }
</script>
</body>
